<mat-tab-group class="role-mgt">
  <mat-tab *ngIf="user.role === 'super'" label="{{'super' | translate}}">
    <table class="table table-sm table-hover">
      <thead>
        <tr>
          <th>{{"function" | translate}}</th>
          <th>{{"rights" | translate}}</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>{{"institutionMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"edit" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"changePassword" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>
        <tr><td>{{"menuMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>
      </tbody>
    </table>
  </mat-tab>

  <mat-tab label="{{'admin' | translate}}">
    <table class="table table-sm table-hover">
      <thead>
        <tr>
          <th>{{"function" | translate}}</th>
          <th>{{"rights" | translate}}</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>{{"departmentMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"userMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"edit" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"changePassword" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"menuMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>
      </tbody>
    </table>
  </mat-tab>

  <mat-tab label="{{'director' | translate}}">
    <table class="table table-sm table-hover">
      <thead>
        <tr>
          <th>{{"function" | translate}}</th>
          <th>{{"rights" | translate}}</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>{{"monitorCenter" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"realtimeMonitor" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"pInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"deviceMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"alarmMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"nInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"departmentMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"userMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"bedMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"menuMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>
      </tbody>
    </table>
  </mat-tab>

  <mat-tab label="{{'doctor' | translate}}">
    <table class="table table-sm table-hover">
      <thead>
        <tr>
          <th>{{"function" | translate}}</th>
          <th>{{"rights" | translate}}</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>{{"monitorCenter" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"realtimeMonitor" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"pInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"deviceMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"alarmMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"nInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"bedMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>
      </tbody>
    </table>
  </mat-tab>

  <mat-tab label="{{'header' | translate}}">
    <table class="table table-sm table-hover">
      <thead>
        <tr>
          <th>{{"function" | translate}}</th>
          <th>{{"rights" | translate}}</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>{{"monitorCenter" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"realtimeMonitor" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"silent" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"alarmAck" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"pInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"edit" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"bind" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"unbind" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"checkout" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"deviceMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"alarmMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"alarmAck" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"nInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"edit" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"bedMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"edit" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>
      </tbody>
    </table>
  </mat-tab>

  <mat-tab label="{{'nurse' | translate}}">
    <table class="table table-sm table-hover">
      <thead>
        <tr>
          <th>{{"function" | translate}}</th>
          <th>{{"rights" | translate}}</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>{{"monitorCenter" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"realtimeMonitor" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"silent" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"alarmAck" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"pInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"add" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"edit" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"bind" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"unbind" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"checkout" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"delete" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"alarmMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"alarmAck" | translate}}</mat-checkbox>
        </td></tr>

        <tr><td>{{"nInfoMgt" | translate}}</td><td>
          <mat-checkbox color="primary" disabled="true" [checked]="true">{{"view" | translate}}</mat-checkbox>
        </td></tr>
      </tbody>
    </table>
  </mat-tab>
</mat-tab-group>